<template>
  <div>
    <div class="container">
      <ul class="flex m-0 newCenter">
        <li>首页 ></li>
        <li>服务中心</li>
      </ul>
      <news-list></news-list>
      <market></market>
      <Service></Service>
      <Financial></Financial>
      <energy></energy>
    </div>
  </div>
</template>

<script>
import NewsList from "./components/newsList.vue";
import market from "./components/marketization";
import Service from "./components/service";
import Financial from "./components/financial"
import energy from "./components/energy"
import Leader from '../indexpage/leaderSpeech/leader.vue';
export default {
  name: "serveCenter",
  components: {
    NewsList,
    market,
    Service,
    Financial,
    energy,
    Leader
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style lang="stylus" scoped>
.container {
  width: 1200px;
  height: 2652px;
  background: #FFFFFF;
  box-shadow: 0px 14px 46px 0px rgba(0, 0, 0, 0.05), 0px 14px 46px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 40px;
}

.newCenter {
  li {
    margin-top: 30px;
    font-size: 14px;
    margin-right: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }
}
</style>
